<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .c1 {
            /* 字号 */
            font-size: 12;

            /* 字体 */
            font-family: 宋体;

            /* color: #ff0000; */
            color: rgb(0, 255, 255);

            /* 加粗(100 细体ligter 400正常normal 700粗体bold)和倾斜 */
            font-weight: 700;

            /*斜体*/
            font-style: italic;
        }

        .c2 {
            /* 位置：left center right  justify（多行对齐）*/
            text-align: left;
            /*首行缩进*/
            text-indent: 2em;
        }

        .c3 {
            width: 500px;
            text-align: justify;

            /*字体之间的间距*/
            letter-spacing: 20px;
            /*单词之间的间距*/
            word-spacing: 10px;
        }

        .c4 {
            height: 100px;
            /*行高*/
            line-height: 100px;
            background-color: yellow;
            text-align: center;
        }

        .c5 {
            /*文本装饰 underline下划线   overline 上划线 line-though删除线 none*/
            /* text-decoration: underline; */
            text-decoration: overline;
            font-weight: 400;
        }
    </style>
</head>

<body>
    <p>你好</p>
    <p class="c1">要么是宣传部门里面有级别很高的内鬼，要么是上面意识到，和平统一已经是不可能的，但人民群众仍然很多人幻想着和平统一，所以借此机会扫清梧桐的国内舆论障碍
    </p>
    <p class="c2">要么是宣传部门里面有级别很高的内鬼，要么是上面意识到，和平统一已经是不可能的，但人民群众仍然很多人幻想着和平统一，所以借此机会扫清梧桐的国内舆论障碍
    </p>
    <div class="c3">今天是七夕，但还是分手了 ，谢谢大家。
        我们最终和平分手，其实从朋友到恋人我们发生了挺多事情，能走到一起也是很不容易。我喜欢你，很喜欢你，也想和你幼稚。对啊，我总问我自己为什么还能坚持，可能没有答案，我没有备胎，也不玩暧昧，我所有的脾气爱笑爱哭都给了你，我能为你做的最后一件事竟然是走出你的人生。我一点都不后悔，更谢谢你教会我成长。
        我也不知道这是谁写的，挺感动的我就复制下来了，看到这里说明你很在乎我，天气很热能请我喝冰可乐吗，如果可以我想喝两瓶。如果不可以，今天又是七夕又是肯基疯狂星期四，v我一百，我想吃十对鸡翅
    </div>
    <div class="c4">大家好</div>
    <div class="c5">hello world</div>

    <style>
        .a1{
            width:500px;
            height:100px;
            text-align:justify;
            text-indent: 2em;
            text-decoration: underline;
            text-transform:capitalize;
            word-spacing: 2px;
            font: italic 700 30px/100px 宋体 
        }
        .lilang{
            color: green;
        }
    </style>
    <div class="a1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid totam est ut voluptas
        voluptates, rem ipsa doloremque? Dolor, voluptas.</div>

        <div class="lilang"></div>
</body>

</html>